<?php 
session_start();
require '../../config.php';
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../../index.php'>";
$result = mysql_query("select p.seleccionar,p.insertar,p.eliminar,p.abrir,p.imprimir,p.actualizar from permisos p,modulos m where p.idmodulo = m.idmodulos and p.idrol= '". $_SESSION['rol'] ."' and m.nombre='Ventas'",$conexion);
if(mysql_num_rows($result)>0)
{
	$rowp = mysql_fetch_assoc($result);
	if($rowp['abrir']!= 1)
	{
		echo "<legend>No tiene permiso</legend>";
		exit();
	}
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Propuestas</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../../bootstrap/css/view.css" rel="stylesheet">
	<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../../bootstrap/scripts/jquery-ui.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script> 
 	<script type="text/javascript" src="../../bootstrap/scripts/calendar.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/toastr.min.js"></script> 
    <link href="../../bootstrap/css/toastr.min.css" rel="stylesheet">
	
   
   
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y gesti&oacute;n de clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>	
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 50%">
				
	<div id="buscador" style="display:block">
		<h4>Administraci&oacute;n de Propuestas</h4>
		<nav class="navbar navbar-default" role="search" style="width:700px;">
		<form class="navbar-form navbar-left" role="search" method="post" action="" onsubmit="traerdatos(); return false" >
  			<div class="form-group">
    			<input type="text" class="form-control" size="45" id = "textofiltro" placeholder="nombre de propuesta..." >
  			</div>
  			<button type="submit" class="btn btn-default" id="buscar">Buscar <img src="../../imagenes/glyphicons_027_search.png" width="15" height="15" />  </button>
	       <?php if($rowp['insertar']== 1){
	       	?>
	       	<button type="button" class="btn btn-info" onclick="NuevaPropuesta();"><span class= "glyphicon glyphicon-plus"> Nueva propuesta</span></button>
			<?php
	       }
	       ?>
	        <button type="button" class="btn btn-danger" onclick="Cancelar();"><img src="../../imagenes/glyphicons_380_message_forward.png" width="17" height="15" /> Inicio</button>
	        
		</form>
		</nav>
	</div>
</div>
	<div class="container" style="min-height:300px;">
		
		<div id="tabla">
		</div>
	
	</div>
	
	<!-- Modal -->
					  <div class="modal fade" id="modalmode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datos">
						   			
								</div>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarDatos(); return false">Actualizar datos</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
<!--  footer -->
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'>";
$taghtml +=  "<div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'></div></div>";

function actualizarDatos()
{
	
	if (tipomodal == 1)
		nuevaModal();
	else if(tipomodal == 2)
		modificarModal();
	tipomodal = 0;
	$('#modalmode').modal("hide");
}
function modificarModal()
{
	var tipo = document.getElementById('m_tipo').value;
	var medio = document.getElementById('m_medio').value;
	var descripcion = document.getElementById('m_descripcion').value;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos2;
	conexhttp.open('GET',"set-data2.php?tipo="+tipo+"&medio="+medio+"&descripcion="+descripcion+"&id="+codigoPropuesta, true);
	conexhttp.send(null);
}
function nuevaModal()
{
	
	var tipo = document.getElementById('m_tipo').value;
	var medio = document.getElementById('m_medio').value;
	var descripcion = document.getElementById('m_descripcion').value;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos2;
	conexhttp.open('GET',"set-data.php?tipo="+tipo+"&medio="+medio+"&descripcion="+descripcion, true);
	conexhttp.send(null);
}
function presentarDatos2()
{
	if(conexhttp.readyState == 4)
	{
		traerdatos();
	}
	
}
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

var conexhttp;
var tipomodal;
function Cancelar() {
	window.location="../../TableroInicio.php";
}

function presentarModal()
{
	if(conexhttp.readyState == 4)
	{
		    document.getElementById('datos').innerHTML = conexhttp.responseText;
			$('#modalmode').modal("show");
	}
}

function traerdatos()
{
	var filtro = document.getElementById("textofiltro").value;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"data-propuestas.php?filtro="+filtro, true);
	conexhttp.send(null);
}
function presentarDatos()
{
	if(conexhttp.readyState == 4)
	{
		    document.getElementById('tabla').innerHTML = conexhttp.responseText;
	}
	 else 
			document.getElementById('tabla').innerHTML = "<strong>Procesando, por favor espere...</strong><br>"+$taghtml;
}
function NuevaPropuesta()
{
	try
	{
		
		tag = "<ul>";
		tag +=  "<li>";
		tag +=  "<div>";
		tag +=  "<label class='description' for='medio'>Medio: </label>";
		tag += "<select id='m_medio'>";
		tag += "<option value='TV'>TV</option>";
		tag += "<option value='Radio'>Radio</option>";
		tag += "<option value='Internet'>Internet</option>";
		tag += "<option value='TV-Radio'>TV-Radio</option>";
		tag += "<option value='TV-Internet'>TV-Internet</option>";
		tag += "<option value='Radio-Internet'>Radio-Internet</option>";
		tag += "<option value='TV-Radio-Internet'>TV-Radio-Internet</option>";
		tag += "</select>";
		tag +=  "</li>";
		tag +=  "<li>";
		tag +=  "</div>";
		tag +=  "<div>";
		tag +=  "<label class='description' for='tipo'>Tipo de propuesta: </label>";
		tag +=  "<input id='m_tipo' type='text'  size='50'>";
		tag +=  "</div>";
		tag +=  "</li>";
		tag +=  "<li>";
		tag +=  "<div>";
		tag +=  "<label class='description' for='descripcion'>Descripci&oacute;n: </label>";
		tag +=  "<input id='m_descripcion' type='text'  size='50'>";
		tag +=  "</div>";
		tag +=  "</li>";
		tag +=  "</ul>";
		tipomodal=1;
		document.getElementById('datos').innerHTML = tag;
		$('#modalmode').modal("show");
	}
	catch(ex)
	{
		alert(ex.message);
	}
}
var codigoPropuesta;
function modificar(codigo)
{
	
	
	 if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.open("GET","eliminar-cliente.php?id=*", false);
    xmlhttp.send();
    if(xmlhttp.responseText == "deny"){
	    alert("No tiene permisos para esta acci\u00f3n.");
	    return;
    }
    else
    {
    	$(function () 
    			  {
    			    $.ajax({                                      
    			      url: 'cargardatos2.php',                       
    			      data: "id="+codigo,                       
    			      dataType: "json",                
    			      success: function(data)          
    					{
    			    	  codigoPropuesta = data[0];
    			    	  
    			    	  
    			    	  tag = "<ul>";
    			  		tag +=  "<li>";
    			  		tag +=  "<div>";
    			  		tag +=  "<label class='description' for='medio'>Medio: </label>";
    			  		
    			  		tag += "<select id='m_medio'>";
    			  		
    			  		if(data[1]=="TV")
    			  		{
    			  			tag += "<option value='TV' selected >TV</option>";
    			  			tag += "<option value='Radio' >Radio</option>";
    			  			tag += "<option value='Internet' >Internet</option>";
    			  		}
    			  		else if(data[1]=="Radio")
    			  		{
    			  			tag += "<option value='TV'>TV</option>";
    			  			tag += "<option value='Radio' selected >Radio</option>";
    			  			tag += "<option value='Internet' >Internet</option>";
    			  		}
    			  		else if(data[1]=="Internet")		
    			  		{
    			  			tag += "<option value='TV'>TV</option>";
    			  			tag += "<option value='Radio'>Radio</option>";
    			  			tag += "<option value='Internet' selected >Internet</option>";
    			  		}
    			  		tag += "</select>";
    			  		
    			  		tag +=  "</li>";
    			  		tag +=  "<li>";
    			  		tag +=  "</div>";
    			  		tag +=  "<div>";
    			  		tag +=  "<label class='description' for='tipo'>Tipo de propuesta: </label>";
    			  		tag +=  "<input id='m_tipo' type='text'  size='50' value='"+data[2]+"'>";
    			  		tag +=  "</div>";
    			  		tag +=  "</li>";
    			  		tag +=  "<li>";
    			  		tag +=  "<div>";
    			  		tag +=  "<label class='description' for='descripcion'>Descripci&oacute;n: </label>";
    			  		tag +=  "<input id='m_descripcion' type='text'  size='50' value='"+data[3]+"'>";
    			  		tag +=  "</div>";
    			  		tag +=  "</li>";
    			  		tag +=  "</ul>";
    			  		tipomodal=2;
    			  		document.getElementById('datos').innerHTML = tag;
    			    	 }
    			    });
    			  });
       
    	$('#modalmode').modal("show");
    	
    } 
}
function eliminar(codigo)
{
	var r=confirm("Est\u00e1 seguro de eliminar este registro ? \n c\u00f3digo de propuesta: "+codigo);
	if (r==true) 
		{
			if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
		    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		    xmlhttp.open("GET","eliminar-propuesta.php?id="+codigo, false);
		    xmlhttp.send();
		    if(xmlhttp.responseText == "deny"){
			    alert("No tiene permisos para esta acci\u00f3n.");
			    return;
		    }
		    else{
		    	alert("Propuesta eliminada.");
		    	traerdatos();
		    }
		}
	else return;
	
}
</script>
</html>